<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>水电缴费</title>
    <link rel="stylesheet" href="//res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css">
    <link rel="stylesheet" href="common/css/style.css">
    <script src="common/js/jquery-1.11.1.min.js"></script>
</head>
<body>
<!--通用顶部---begin-->
<div class="globalHeader">
    <a href="javascript:;"></a>
    <h3>水 电 缴 费</h3>
</div>
<!--通用顶部---over-->
<!--水电缴费页面主体---begin-->
<ul class="paymentWrap">
    <li class="payment-date">
        <p class="fl">账期：<span>2018年02月</span></p>
        <p class="fr">注：金额单位为人民币(元)</p>
    </li>
    <li class="payment-item">
        <div>
            <p class="itemName">房间名称：<span>512</span>室，面积：<span>105</span>m<sup><small>2</small></sup></p>
            <table cellspacing="0"  class="itemData">
                <col width=25%>
                <col width=25%>
                <col width=25%>
                <col width=25%>
                <thead>
                <tr>
                    <th>项目</th>
                    <th>上月抄表</th>
                    <th>本月抄表</th>
                    <th>金额</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>电费</td>
                    <td>1833</td>
                    <td>2500</td>
                    <td>700.00</td>
                </tr>
                <tr>
                    <td>水费</td>
                    <td>123</td>
                    <td>345</td>
                    <td>800.00</td>
                </tr>
                <tr>
                    <td>公摊费</td>
                    <td colspan="3">245.00</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div>
            <p class="itemName">房间名称：<span>507</span> 室，面积：<span>83</span> m<sup><small>2</small></sup></p>
            <table cellpadding="0" class="itemData">
                <col width=25%>
                <col width=25%>
                <col width=25%>
                <col width=25%>
                <thead>
                <tr>
                    <th>项目</th>
                    <th>上月抄表</th>
                    <th>本月抄表</th>
                    <th>金额</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>电费</td>
                    <td>1833</td>
                    <td>2500</td>
                    <td>700.00</td>
                </tr>
                <tr>
                    <td>水费</td>
                    <td>123</td>
                    <td>345</td>
                    <td>800.00</td>
                </tr>
                <tr>
                    <td>公摊费</td>
                    <td colspan="3">245.00</td>
                </tr>
                </tbody>
            </table>
        </div>
    </li>
    <li class="payment-total">
        <strong>总金额：<span>1598.30</span>元</strong>
        <a href="javascript:;" class="weui-btn weui-btn_primary">确认付款</a>
        <a href="javascript:;" class="weui-btn weui-btn_warn weui-btn_plain-disabled">已付款</a>
    </li>
</ul>
<!--水电缴费页面主体---over-->
<!--通用底部---begin-->
<div class="weui-footer">
    <p class="weui-footer__text">Copyright &copy; 2017-2018 万营汇科技</p>
</div>
<!--通用底部---over-->
</body>
</html>